<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="//www.fila.cn/favicon.ico" type="image/x-icon">
    <title>FILA｜斐乐官方网站(CN)</title>
    <link rel="stylesheet" href="/libs/swiper-5.4.5/css/swiper.min.css">
    <link rel="stylesheet" href="/css/shopPages.css">

</head>

<body>
    <div class="page-container">
        <div class="page-top" id='page-top'>
            <!-- *放大镜 -->
        </div>
        <script type="text/html" id='page-topTemplate'>
            <div class="shop-left">
                <div class="view-l">
                    <ul id="gal1">
                        {{each list.photo item}}
                        <li>
                            <a class="zoomGalleryActive" href="javascript:;" data-image="{{item.url}}">
                                <img src="{{item.url}}" class="smallpic">
                            </a>
                        </li>
                        {{/each}}
                    </ul>
                </div>
                <div class="bigImg-r">
                    <img src="{{list.thumbnail}}" class="zoom-image bigImg">
                </div>

            </div>
            <!-- *购买部分 -->
            <div class="shop-right">
                <div class="shop-t">
                    <h3 class="goods-name">{{list.title}}</h3>
                    <p class="goods-sn">款号：{{list.sellerId}}</p>
                    <p class="goods-price">￥{{list.price}}<span class="mktprice">￥{{list.originPrice}}</span></p>
                    <div class="promos">
                        {{if list.commodityHint}}
                        <div class="promos-title">{{list.couponStatus}}</div>
                        <div class="promos-content">
                            <a href="javascript:;" title="【免运费】全场满399免运费">{{list.commodityHint.text}}</a>
                        </div>
                        {{/if}}
                    </div>
                </div>
                <!-- ^*下 -->
                <div class="shop-b">
                    <p class="goods-attr">样式:<span></span></p>
                    <ul id="gal1" class="ul-list">
                        {{if list.photo.length > 0}}
                        {{each list.photo.slice(0,3) item}}
                        <li>
                            <a class="zoomGalleryActive" href="javascript:;" data-image="{{item.url}}">
                                <img src="{{item.url}}" class="smallpic">
                            </a>
                        </li>
                        {{/each}}
                        {{/if}}
                    </ul>
                    <p class="goods-attr">尺码: <span></span></p>
                    <ul class="attr-list">
                        <li><span>S</span></li>
                        <li><span>M</span></li>
                        <li><span>L</span></li>
                        <li><span>XS</span></li>
                    </ul>
                    <div class="buyNum">
                        <div class="num">购买数量 : <em></em></div>
                        <div class="numChange">
                            <a href="javascript:void(0);" class="take">-</a>
                            <input type="text" value="1" class="spNum">
                            <a href="javascript:void(0)" class="add">+</a>
                        </div>
                    </div>

                    <!-- *购物车按键 -->
                    <div class="goods-btn">
                        <a href="javascript:;" class="btn-addCar">加入购物车</a>
                        <a href="/html/buyCar.html" class="btn-toBuy">立即购买</a>
                    </div>
                </div>
            </div>
        </script>
        <!-- *商品详细介绍 -->
        <div class="page-bottom" id="page-bottom">
            <script type="text/html" id="page-bottomTemplate">
                {{each list.descContentList.slice(0) item}}
                {{if item.image}}
                <img src="{{item.image.url}}">
                {{/if}}
                {{/each}}
            </script>
        </div>
    </div>
    <header class="header"></header>
    <div class="buyInfo">
        <div class="swiper-container">
            <div class="swiper-wrapper" id="swiper-wrapper">
            </div>
            <script type="text/html" id="swiper-wrapperTemplate">
                {{each list item}}
                <div class="swiper-slide">{{item.nickName}} {{item.desc}}</div>
                {{/each}}
            </script>
            <!-- ^如果需要滚动条 -->
            <div class="swiper-scrollbar"></div>
        </div>
    </div>
        <!-- *右边购物车 -->
        

    <footer></footer>
    <div class="web-service"></div>
    <script src="/libs/require.js" data-main="/js/shopPages.js"></script>
</body>

</html>